<template>
	<view class="container">
		<block v-for="(item,index) in dataList" :key="index" >
			<view class="content-bg" @click="toPerson(item.uid)">
				<image :src="`../../static/mode/${item.avatarImg}`" mode="widthFix"></image>
				<view>
					<text>{{item.name}}</text>
					<text>{{item.uid}}</text>
					<text>{{item.fansCount}}</text>
				</view>
				<view>关注</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		name: 'yong-hu',
		props:{
			dataList:{
				type:Array,
				default: []
			}
		},
		data() {
			return {
				dataList1:[
					{
						avatarImg: '3.jpg',
						name: '把我的名字读一遍超级长',
						uid:'212323222',
						fansCount:22
					},
					{
						avatarImg: '4.jpg',
						name: '把我的名字读一遍超级长',
						uid:'212323222',
						fansCount:22
					},
					{
						avatarImg: '3.jpg',
						name: '把我的名字读一遍超级长',
						uid:'212323222',
						fansCount:22
					},
					{
						avatarImg: '4.jpg',
						name: '把我的名字读一遍超级长',
						uid:'212323222',
						fansCount:22
					}
					
				]
			}
		},
		methods: {
			toPerson(){
				console.log(uid)
				uni.navigateTo({
					url:`/profile/person/person?data=${uid}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
